.main-container-content {
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
  width: 95%;
  font-size: 16px;
}
.el-table__fixed,  .el-table__fixed-left {

  border-right: 1px solid #ebeef5;
  box-sizing: content-box;
  height: 100% !important;
}

.el-table__fixed-right {

  border-left: 1px solid #ebeef5;
  box-sizing: content-box;
  height: 100% !important;
}
.el-form-item--small.el-form-item {
  margin-bottom: 12px;
}

.contentDailog_contents {
  max-height: 75vh;
  overflow-y: auto;
}

.contentDailog_contents.active {
  height: 60vh;
  overflow-y: auto;
}

.contentDailog_contents.active0 {
  height: 75vh;
  overflow-y: auto;
}

.miniTitle {
  font-size: 12px;
  color: red;
}

.tablesContainers {
  .el-button+.el-button {
    margin-left: 5px;
  }
}

.imageListContainers {
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  padding: 10px;
}

.noLabelItem .el-form-item__content {
  margin-left: 0px !important;
}

.imageListContainers::-webkit-scrollbar {
  width: 6px;
  /*滚动条宽度*/
  height: 6px;
  /*滚动条高度*/
  cursor: pointer;
}

.active.imageListContainers::-webkit-scrollbar {
  display: none;
}

.imageListContainers::-webkit-scrollbar-track {
  border-radius: 10px;
  /*滚动条的背景区域的圆角*/
  -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3);
  background-color: #fff;
  cursor: pointer;
  /*滚动条的背景颜色*/
}

.imageListContainers::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /*滚动条的圆角*/
  -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
  background-color: #3a62d7 !important;
  cursor: pointer;
  /*滚动条的背景颜色*/
}

.imageListContainers-item {
  display: inline-block;
  margin-right: 10px;
}

.imageListContainers-item-content {
  width: 200px;
  height: 200px;
}

.imageListContainers-item-content-input {
  margin-top: 10px;
  width: 200px;
  font-size: 14px;
}

.imageListContainers-item-image {
  width: 100%;
  height: 100%;
}

.topInfoDiv {
  .topInfoDiv-content {
    color: #fff;
    padding: 20px;
    background: rgba(58, 98, 215, 0.8);
    border-radius: 8px;
    box-shadow: 0 2px 12px 0 rgba(58, 98, 215, 0.2);

    .topInfoDiv-item {
      line-height: 30px;
      font-size: 16px;
    }
  }

}

.registerDailog {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  z-index: 999;
  background: rgba(0, 0, 0, .5);
  cursor: pointer;
}

.photoRegisterClose {
  font-size: 16px;
}

.flexDiv {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.flexDiv0 {
  display: flex;
  flex-wrap: wrap;
}

.display_flex {
  display: flex;
  justify-content: space-between;
}

.display_flex_center {
  display: flex;
  align-items: center;
}

.rowContaines {
  height: 100%; //calc(100% - 30px);
}

.contentBoxs-cobtainers {
  position: relative;
  height: calc(100% - 50px);
}

.contentBoxs-cobtainers.active {
  height: calc(100% - 80px);
}

.paginationDiv {
  position: absolute;
  bottom:0px;
  left: 50%;
  transform: translateX(-50%);
  background:#fff;
}

.paginationDiv.dailogactive {
  bottom: 0px;
}

.paginationDiv.active {
  bottom: 0px;
}


.rowContaines .el-col {
  height: 100%;
}

.rowContaines.notTitle {
  height: 100%;
}

.contentBoxs-leftContent {
  width: 100%;
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

.lists_containers::-webkit-scrollbar,
.formContainers::-webkit-scrollbar,
.lists_containers_table::-webkit-scrollbar,
.contentDailog_contents::-webkit-scrollbar,
.contentBoxs-rightContent::-webkit-scrollbar,
.contentBoxs-leftContent::-webkit-scrollbar {
  width: 6px;
  /*滚动条宽度*/
  height: 6px;
  /*滚动条高度*/
  cursor: pointer;
  display: none;
}

.lists_containers::-webkit-scrollbar-track,
.formContainers::-webkit-scrollbar-track,
.lists_containers_table::-webkit-scrollbar-track,
.contentDailog_contents::-webkit-scrollbar-track,
.contentBoxs-rightContent::-webkit-scrollbar-track,
.contentBoxs-leftContent::-webkit-scrollbar-track {
  border-radius: 10px;
  /*滚动条的背景区域的圆角*/
  -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3);
  background-color: #eeeeee;
  cursor: pointer;
  /*滚动条的背景颜色*/
}

.lists_containers::-webkit-scrollbar-thumb,
.formContainers::-webkit-scrollbar-thumb,
.lists_containers_table::-webkit-scrollbar-thumb,
.contentDailog_contents::-webkit-scrollbar-thumb,
.contentBoxs-rightContent::-webkit-scrollbar-thumb,
.contentBoxs-leftContent::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /*滚动条的圆角*/
  -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
  background-color: #3a62d7 !important;
  cursor: pointer;
  /*滚动条的背景颜色*/
}

.contentBoxs-rightContent {
  width: 100%;
  position: relative;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}



.contentBoxs {
  height: calc(100vh - 120px);
  overflow-y: auto;
  overflow-x: hidden;
  // background-image: url('../../assets/images/bj.jpg');
  // background-position: center;
  // background-size: cover;
  // background-repeat: no-repeat;
  background:#fff;
  padding: 0 20px;
  padding-bottom: 10px;
  border-radius: 8px;
  margin-top: 10px;
}

.el-table__body-wrapper::-webkit-scrollbar {
  width: 6px;
  /*滚动条宽度*/
  height: 6px;
  /*滚动条高度*/
  cursor: pointer;
}

.el-table__body-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
  /*滚动条的背景区域的圆角*/
  -webkit-box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3);
  background-color: #eeeeee;
  cursor: pointer;
  /*滚动条的背景颜色*/
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /*滚动条的圆角*/
  -webkit-box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
  background-color: rgb(145, 143, 143);
  cursor: pointer;
  /*滚动条的背景颜色*/
}

.contentBoxs.not {
  height: calc(100vh - 94px);

}


.contentBoxs::-webkit-scrollbar {
  width: 8px;
  display: none !important;
}

.contentBoxs::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(73, 185, 173, 0.5);
}

.contentBoxs::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: rgba(245, 248, 250, 1);
  border: 1px solid rgba(245, 248, 250, 1);
}

div,
p,
b,
span {
  margin: 0px;
  padding: 0px;
}

.el-radio__input.is-checked .el-radio__inner {
  color: #3a62d7 !important;
  background-color: #3a62d7 !important;
  border-color: #3a62d7 !important;

}

.el-radio__input.is-checked+.el-radio__label {
  color: #3a62d7 !important;
}

.el-tabs__item.is-active {
  color: #3a62d7 !important;
}

.el-switch.is-checked .el-switch__core {
  background-color: #3a62d7 !important;
  border-color: #3a62d7 !important;
}

.el-tabs__item:hover {
  color: #3a62d7 !important;
}

.el-tabs__active-bar {
  background-color: #3a62d7 !important;
}

.el-button--primary {
  background-color: #3a62d7 !important;
  border-color: #3a62d7 !important;
}
.el-button--primary.is-disabled{
  color: #fff !important;
  background-color: #ccc !important;
  border-color: #ccc !important;
}
.el-button--primary.defaultClass {
  color: #fff !important;
  background-color: #ccc !important;
  border-color: #ccc !important;
}

.el-button--primary.activeClass {
  color: red !important;
  background-color: #4c4c4c !important;
  border-color: red !important;
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: #3a62d7 !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #3a62d7 !important;
  border-color: #3a62d7 !important;
}

.el-button--text {
  color: #3a62d7 !important;
}

.el-collapse-item__header {
  padding: 0 6px;
  font-size: 14px;
  font-weight: 700;
}

.el-collapse-item__header.is-active {
  color: #3a62d7 !important;
}

.el-tabs__item {
  font-size: 16px !important;
  color: #B9B9B9;
}

/**/
//首页  start
//首页  start
.bannerIndex_containers {
 padding-top: 60px;
 max-width:1000px;
 margin:0 auto;
 /* //设置动画执行的时间为0.6s */
  &_item {
    width: 200px;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 100% 100%;
    cursor: pointer;
    transition: all 0.6s; 
    margin:15px;
    background:rgba(255,255,255,0.7);
    box-shadow: 0 0px 8px 0 rgba(0,0,0,0.3);
    border-radius: 8px;

    &_img {
      width: 80px;
      height: 80px;
      display: block;
      margin:0 auto;
    }

    &_text {
      font-size: 20px;
      line-height: 35px;
      color: #2c2b2b;
    }
  }

  &_item:hover {
    transform: scale(1.1); //设置图片按照比例放大1.2倍
  }
}

//首页  end

//注册组件  start

.contentBoxs_form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 20px;

  .el-form-item {
    margin-bottom: 18px;
  }

  .idNumInput {
    // width: 202px;
    // margin-right:5px;

    &_code {
      width: 150px;
    }
  }

  .form_contanet_item {
    display: flex;
    align-items: center;

    &_text {
      font-size: 14px;
      margin: 0 4px;
    }

  }

  // .idNumInput0 {
  //   width: 324px;
  // }

  // .idNumtext0 {
  //   width: 514px;
  // }

  .sexInput {
    width: 112px;
  }

  .flexDiv {
    display: flex;
    align-items: center;
  }

  &_box {
    padding: 20px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    background: #ffffff;
  }
}

//title 组件
.titleContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  // padding: 0 20px;
  margin: 10px 0px;
  flex-wrap: wrap;
}

.titleContent_left {
  display: flex;
  align-items: center;

  &_line {
    width: 8px;
    height: 30px;
    background: #3a62d7;
    border-radius: 8px;
    margin-right: 10px;
  }

  &_title {
    font-size: 20px;
    color: #3D3D3D
  }

  &_dec {
    font-size: 14px;
    color: #3a62d7;
    margin-left: 8px;
  }

  &_seconTitleIcon {
    color: #999;
    margin: 0 4px;
  }

  &_seconTitle {
    font-size: 14px;
    color: #3a62d7;
  }
}

.titleContent_right {
  .titleContentRight {
    display: flex;
    align-items: center;
  }

  &_input {
    width: 300px;

    .el-input__inner {
      height: 40px;
      line-height: 40px;
      border-radius: 40px;
      background: #F5F5F5;
      text-align: right;
    }

    .el-input__icon {
      font-size: 20px;
      line-height: 40px;
    }
  }

  &_btngroup {
    margin-left: 20px;
    display: flex;
    align-items: center;

    &_img {
      cursor: pointer;
      display: block;
      width: 32px;
      height: 32px;
    }

    &_img.active {
      opacity: 0.3;
    }
  }
}

//注册组件  end
// listItem 组件
.lists_containers {
  padding: 10px 0px;
}

.paitent_item:hover {
  transform: scale(1.02); //设置图片按照比例放大1.2倍
}

.paitent_item {
  padding: 20px;
  margin-bottom: 20px;
  padding-top: 40px;
  border: 1px solid rgba(58, 98, 215, 0.2);
  border-radius: 4px;
  position: relative;
  box-shadow: 0 2px 12px 0 rgba(58, 98, 215, 0.2);
  cursor: pointer;
  transition: all 0.6s; //设置动画执行的时间为0.6s

  &_left {
    &_top {
      &_span {
        font-size: 16px;
        display: block;
        max-width: 70%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      &_spant {
        font-size: 14px;
        line-height: 30px;

        &_child {
          color: #979797;
          font-size: 14px;
          margin-left: 10px;
        }
      }

      &_tag {
        margin-left: 10px;
      }
    }

    &_mid {
      margin-top: 20px;
      padding: 6px 20px;
      background: #F4F4F4;
      border-radius: 4px;
    }

    &_bottom {
      line-height: 30px;
      margin-top: 20px;

      &_content {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;

        &_icon {
          color: #3a62d7;
          font-size: 20px;
        }

        &_title {
          color: #3D3D3D;
          font-size: 14px;
          margin-left: 4px;
          margin-right: 6px;
        }

        &_text {
          font-size: 14px;
          color: #979797;
        }
      }
    }
  }

  &_status {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 14px;
    padding: 8px 15px;
    color: #fff;
    border-radius: 0px 4px 0px 4px;
  }

  &_ID {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 14px;
    padding: 8px 15px;
    color: #fff;
    border-radius: 4px 0px 4px 0px;
    background: #3a62d7;
  }

  &_btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 14px;
    padding: 8px 15px;
    color: #fff;
    border-radius: 4px;
    background: #3a62d7;
    cursor: pointer;
  }
}

// listItem 组件 end
@media screen and (min-width: 1200px) {
  .main-container-content {
    width: 95% !important;
    font-size: 16px;
    box-sizing: border-box;
  }

  ::v-deep .main-container-content {
    width: 95% !important;
    font-size: 16px;
  }
}

@media screen and (min-width: 993px) and (max-width:1199px) {


  .main-container-content {
    width: 95% !important;
    font-size: 16px;
    box-sizing: border-box;
  }

  //  首页 start
  .bannerIndex_containers {
    padding-top: 40px;
    width:100%;
    margin:0 auto;

    &_item {
      width: 200px;
      margin:15px;
      padding: 20px 0px;
      padding-top: 15px;

      &_img {
        width: 60px;
        height: 60px;
        display: block;
        margin:0 auto;
      }

      &_text {
        font-size: 18px;
        line-height: 30px;
        color: #2c2b2b;
      }
    }
  }

  // 首页  end

  // 注册组件 start
  .contentBoxs_form {
    .idNumInput {
      // width: calc(100% - 122px);
      // margin-right: 5px;
    }

    // .idNumInput0 {
    //   width: 290px;
    // }



    .sexInput {
      width: 112px;
    }

  }

  // 注册组件  end
}


@media screen and (min-width: 768px) and (max-width:992px) {
  .contentBoxs {

    height: calc(100vh - 120px);
  }

  .studentBook {
    &_item {
      &_right {
        &_dec {
          -webkit-line-clamp: 3 !important;
        }
      }
    }
  }

  .contentBoxs.not {
    height: calc(100vh - 90px);
  }

  .classTypeDailog-content {
    width: 40% !important;
  }

  .paginationDiv.active {
    bottom: 0px !important;
  }

  .main-container-content {
    width: 98% !important;
    padding: 0 10px !important;
    padding-bottom: 10px!important;
    border-radius: 8px;
    // margin-top: 10px!important;
    font-size: 14px;
    box-sizing: border-box;
  }

  // 登录   start
  .login-content .left-content {
    position: relative;
  }

  .login-content .right-content {
    padding: 0 20px !important;
    padding-top: 30px !important;
  }

  // 登录  end

  //首页 start
  .bannerIndex_containers {
    padding-top:30px;

    &_item {
      // width:90%;
      width:140px;
      margin:15px;
      padding: 20px 0px;
      padding-top: 15px;

      &_img {
        width: 60px;
        height: 60px;
        display: block;
        margin:0 auto;
      }

      &_text {
        font-size: 16px;
        line-height: 30px;
        color: #2c2b2b;
      }
    }
  }

  //首页  end
  .imageListContainers-item-content {
    width: 160px !important;
    height: 160px !important;

  }

  .imageListContainers-item-content-input {
    width: 160px !important;
  }
}


@media screen and (min-width: 550px) and (max-width:767px) {

  .noLabelItem .el-form-item__content {
    margin-left: 0px !important;
  }
  .logo__text{
    display: none!important;
  }
  .studentBook {
    &_item {
      &_right {
        &_dec {
          -webkit-line-clamp: 3 !important;
        }
      }
    }
  }

  .main-container-content {
    width: 100% !important;
    padding: 10px !important;
    font-size: 14px;
    box-sizing: border-box;
  }

  .classTypeDailog-content {
    width: 40% !important;
  }

  .el-message-box {
    width: 300px !important;
  }

  .el-table__body-wrapper::-webkit-scrollbar {
    display: none !important;
  }

  // 登录   start
  .login-content .left-content {
    height:80px !important;
  }

  .login-platformName {
    padding: 0!important;
  }

  .login-content .right-content {
    padding: 0 12px !important;
    padding-top: 20px !important;
    height: 360px !important;
  }

  .login-platformName-company {
    padding-top: 20px !important;
  }

  .login-row {
    margin-top: 20px !important;
  }

  .login-row .el-input__inner,
  .login-row .longin-public {
    border-radius: 8px !important;
    min-height: 40px !important;
    height: 40px !important;
  }

  // .login-button {
  //   margin-top:5px !important;
  // }
  .login-platImg{
    display: none;
  }
  .login-platformName-company-right {
    display: block !important;
  }

  .login-platformName-company {
    display: none !important;
  }

  // 登录  end

  // 公共header  start
  .main-header {
    height: 50px !important;
  }

  .logo {
    height: 50px !important;
    line-height: 50px !important;

  }
  .logo__img{
    height: 50px !important;
  }

  // 公共header end

  //首页 start
  .bannerIndex_containers {
    padding-top: 40px;

    &_item {
      width: 200px;
      padding: 20px 0px;
      margin:15px;
      padding-top: 15px;


      &_img {
        width: 40px;
        height: 40px;
        display: block;
        margin:0 auto;
      }

      &_text {
        font-size: 14px;
        line-height: 28px;
        color: #2c2b2b;
      }
    }


  }

  //首页 end

  // 注册组件 start
  //title 组件
  .titleContent {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    margin: 10px 0px;
    flex-wrap: wrap;
  }

  .titleContent_left {
    display: flex;
    align-items: center;

    &_line {
      width: 4px;
      height: 20px;
      background: #3a62d7;
      border-radius: 4px;
      margin-right: 6px;
    }

    &_title {
      font-size: 16px;
      color: #3D3D3D
    }

    &_dec {
      font-size: 14px;
      color: #3a62d7;
      margin-left: 8px;
    }

    &_seconTitleIcon {
      color: #999;
      margin: 0 4px;
    }

    &_seconTitle {
      font-size: 14px;
      color: #3a62d7;
    }
  }

  .titleContent_right {
    .titleContentRight {
      display: flex;
      align-items: center;
    }

    &_input {
      width: 250px;

      .el-input__inner {
        height: 34px;
        line-height: 34px;
        border-radius: 34px;
        background: #F5F5F5;
        text-align: right;
      }

      .el-input__icon {
        font-size: 16px;
        line-height: 34px;
      }
    }

    &_btngroup {
      margin-left: 10px;
      display: flex;
      align-items: center;

      &_img {
        cursor: pointer;
        display: block;
        width: 28px;
        height: 28px;
      }

    }
  }

  .imageListContainers-item-content {
    width: 140px !important;
    height: 140px !important;

  }

  .imageListContainers-item-content-input {
    width: 140px !important;
  }

  //注册组件  end
}


@media screen and (max-width:550px) {
  .logo__text{
    display: none!important;
  }
  .contentBoxs {
    height: calc(100vh - 120px);
    overflow-y: auto;
    margin-top: 12px;
    padding-bottom: 20px !important;
  }
  .login-platImg{
    display: none;
  }
  .studentBook {
    &_item {
      &_right {
        &_dec {
          -webkit-line-clamp: 3 !important;
        }
      }
    }
  }

  .classTypeDailog-content {
    width: 70% !important;
  }

  .el-table__body-wrapper::-webkit-scrollbar {
    display: none !important;
  }

  .contentBoxs.not {
    height: calc(100vh - 76px);

  }

  .contentBoxs::-webkit-scrollbar {
    display: none !important;
  }

  .el-message-box {
    width: 300px !important;
  }

  .el-upload-list--picture-card .el-upload-list__item {
    width: 100px;
    height: 100px;
  }

  .topInfoDiv {
    .topInfoDiv-content {
      padding: 12px;
      border-radius: 4px;

      .topInfoDiv-item {
        line-height: 20px;
        font-size: 12px;
      }
    }

  }




  .main-container-content {
    width: 100% !important;
    padding: 10px !important;
    box-sizing: border-box;
    font-size: 12px;
  }

  // 登录   start
  .login-content .left-content {
    height:80px !important;
  }

  .login-platformName {
    padding: 0 0 !important;
  }

  .login-platformName-company {
    padding-top: 20px !important;
  }

  .login-content .right-content {
    padding: 0 12px !important;
    padding-top: 20px !important;
    height: 328px !important;

  }

  .login-row {
    margin-top: 12px !important;
  }

  .login-row .el-input__inner,
  .login-row .longin-public {
    border-radius: 8px !important;
    min-height: 40px !important;
    height: 40px !important;
  }

  // .login-button {
  //   margin-top:5px !important;
  // }
 
  .login-platformName-company-right {
    display: block !important;
  }

  .login-platformName-company {
    display: none !important;
  }

  // 登录  end
  // 公共header  start
  .main-header {
    height: 50px !important;
  }

  .logo {
    height: 50px !important;
    line-height: 50px !important;

    &__text {
      font-size: 16px !important;
      margin-left: 5px !important;
    }

  }
  .logo__img{
    height: 50px !important;
  }

  .user {
    height: 50px !important;

    &__btn {
      font-size: 14px !important;
      line-height: 50px !important;
      padding: 0 5px !important;
    }
  }

  // 公共header end
  .mainIndex-bg{
    height: calc(100% - 50px)!important;
  }
  //首页 start
  .bannerIndex_containers {
    padding-top:0px;

    &_item {
      width: 130px;
      margin: 15px;
      padding: 15px 0px;
      padding-top: 10px;


      &_img {
        width: 40px;
        height: 40px;
        display: block;
        margin:0 auto;
      }

      &_text {
        font-size: 14px;
        line-height: 28px;
        color: #2c2b2b;
      }
    }


  }

  //首页  end
  // 注册 start
  .contentBoxs_form {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;

    .el-form-item__content {
      margin-left: 68px !important;
    }

    .noLabelItem .el-form-item__content {
      margin-left: 0px !important;
    }

    .el-button--medium {
      padding: 8px 8px;
      font-size: 12px;
    }

    .el-input__inner {
      font-size: 12px;
      height: 30px;
      line-height: 30px;
    }

    .el-form-item__label {
      font-size: 12px;
      width: 68px !important;
      padding-right: 8px;
    }

    .rowDiv .el-form-item__content {
      font-size: 12px;
      margin-left: 0px !important;
    }

    .autoMobileLabel .el-form-item__label {
      font-size: 12px;
      width: 30px !important;
    }

    .autoMobileLabel .el-form-item__content {
      margin-left: 30px !important;
    }


    .labelActive .el-form-item__label {
      width: 80px !important;
    }

    .el-form-item {
      margin-bottom: 14px;
    }

    .sexInput {
      width: 80px; //78
    }

    .idNumInput {
      // width: calc(100% - 86px);
      // margin-right: 5px;
    }

    // .idNumInput0 
    //   width: 265px;
    // }

    // .idNumtext0 {
    //   width: 265px;
    // }

    &_box {
      padding: 10px;
      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
      border-radius: 8px;
      background: #ffffff;
    }
  }

  //title 组件
  .titleContent {
    display: block;
    // align-items: center;
    // justify-content: space-between;
    padding: 0px;
    margin: 10px 0px;
    // flex-wrap: wrap;
  }

  .titleContent.active {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .titleContent_left {
    display: flex;
    align-items: center;

    &_line {
      width: 4px;
      height: 20px;
      background: #3a62d7;
      border-radius: 4px;
      margin-right: 6px;
    }

    &_title {
      font-size: 16px;
      color: #3D3D3D
    }

    &_dec {
      font-size: 14px;
      color: #3a62d7;
      margin-left: 8px;
    }

    &_seconTitleIcon {
      color: #999;
      margin: 0 4px;
    }

    &_seconTitle {
      font-size: 14px;
      color: #3a62d7;
    }
  }

  .titleContent_right {
    margin-top: 12px;

    .titleContentRight {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    &_input {
      width: 250px;

      .el-input__inner {
        height: 34px;
        line-height: 34px;
        border-radius: 34px;
        background: #F5F5F5;
        text-align: left;
      }

      .el-input__icon {
        font-size: 16px;
        line-height: 34px;
      }
    }

    &_btngroup {
      margin-left: 10px;
      display: flex;
      align-items: center;

      &_img {
        cursor: pointer;
        display: block;
        width: 28px;
        height: 28px;
      }
    }
  }

  // 注册 end
  // listItem 组件
  .lists_containers {
    padding: 10px 0px;
  }

  .paitent_item {
    padding: 12px;
    padding-top: 30px;
    border: 1px solid rgba(58, 98, 215, 0.2);
    border-radius: 4px;
    position: relative;
    box-shadow: 0 2px 12px 0 rgba(58, 98, 215, 0.2);

    &_left {
      &_top {
        &_span {
          font-size: 14px;
        }

        &_spant {
          font-size: 12px;
          line-height: 28px;

          &_child {
            color: #979797;
            font-size: 12px;
            margin-left: 6px;
          }
        }

        &_tag {
          height: 24px;
          line-height: 22px;
          margin-left: 12px;
        }
      }

      &_mid {
        margin-top: 12px;
        padding: 4px 12px;
        background: #F4F4F4;
        border-radius: 4px;
      }

      &_bottom {
        line-height: 28px;
        margin-top: 12px;

      }
    }

    &_status {
      position: absolute;
      top: 0px;
      right: 0px;
      font-size: 12px;
      padding: 4px 8px;
      color: #fff;
      border-radius: 0px 4px 0px 4px;
    }

    &_ID {
      font-size: 12px;
      padding: 4px 8px;
    }

    &_btn {
      position: absolute;
      bottom: 20px;
      right: 20px;
      font-size: 12px;
      padding: 4px 8px;
      color: #fff;
      border-radius: 4px;
      background: #3a62d7;
      cursor: pointer;
    }
  }

  // listItem 组件 end
  .imageListContainers-item-content {
    width: 120px !important;
    height: 120px !important;
  }

  .imageListContainers-item-content-input {
    width: 120px !important;
    margin-top: 8px !important;
  }

  .searchPopupDailog.active {
    top: 85px !important;
  }

  // 数字切片
  .slicingTitle_bottom {
    padding: 12px 6px !important;

    .slicingTitle_title {
      width: 60px !important;
      font-size: 12px !important;
    }

    .slicingTitle_dec {
      width: calc(100% - 60px) !important;

    }
  }
}